@font-face
  font-family: '1234567890-Regular'
  src: url('../../font/1234567890-Regular.ttf') format('truetype')
  font-weight: normal
  font-style: normal

.analysis-content
  height 100%
  overflow-x hidden
  //overflow-y hidden
  //overflow-x auto
  overflow-y auto
  &::-webkit-scrollbar
    background-color #fff
    width 0
  .a-title
    padding-left 30px
    height 60px
    line-height 60px
    font-size 16px
    color #282828
    border-bottom 1px solid #e6e9ed
  .a-trend
    padding 24px 30px
    border-bottom 1px solid #e6e9ed
    .at-title
      width 100%
      line-height 40px
      //display flex
      //align-items center
      .at-data
        display inline-block
        margin-right 10.6%
        width 29%
        min-width 400px
        vertical-align top
        span
          margin-left 5%
          font-size 14px
          color #616577
          &:first-child
            margin-left 0
            margin-right 5%
            font-size 16px
            color #282828
          .special
            color #36c81e
            font-size 20px
            font-family '1234567890-Regular'
      .at-select
        display inline-block
        width 20%
        min-width 240px
        vertical-align top
        .activeBtn
          color #5286ff !important
          border 1px solid #5286ff !important
          background white
        .ant-btn
          margin-right 20px
          padding 0
          width 60px
          height 30px
          border-radius 2px
          text-align center
        .ant-btn:hover, .ant-btn:focus
          color #5286ff !important
          border 1px solid #5286ff !important
          background white
      .at-time
        display inline-block
        width 34%
        min-width 470px
        vertical-align top
        font-size 14px
        .ant-input
          height 38px
          border-radius 2px
    #trend
      width 100%
      height 280px
  .a-distributed
    position relative
    display inline-block
    height 100%
    width 50%
    max-height 423px
    border-right 1px solid #e6e9ed
    vertical-align top
    > h3
      padding 0 30px
      margin-top 39px
      margin-bottom 0
      font-size 16px
      color #282828
    #distributed
      width 50%
      height 360px
    .ad-legend
      position absolute
      top 50%
      right 20px
      transform: translateY(-50%);
      ul
        li
          margin-bottom 10px
          height 12px
          span
            display inline-block
            font-size 14px
            color #30383e
          .legendColor
            margin-right 10px
            width 12px
            height 8px
            border-radius 2px
          .legendName
            width 60px
            color #768a99
          .legendValues
            width 70px

  .a-area
    display inline-block
    width 50%
    vertical-align top
    > h3
      padding 0 30px
      margin-top 39px
      margin-bottom 0
      font-size 16px
      color #282828
    #area
      width 100%
      height 300px

//时间选择
.ant-calendar-selected-date .ant-calendar-date, .ant-calendar-selected-start-date .ant-calendar-date, .ant-calendar-selected-end-date .ant-calendar-date {
  background #5286FF !important
}
.ant-calendar-today .ant-calendar-date {
  border-radius 50%
  border-color #5286FF !important
}
.ant-calendar-selected-day .ant-calendar-date {
  color white !important
  background #5286FF !important
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled){
  border-color #5286FF !important
}